<script setup>
// 获取本地图片
const getAssetsImages = (name) => {
    return new URL(`../../assets/img/list/anchor/${name}`,
        import.meta.url).href;
}

let awardListTop = [
    [
        {
            pic: getAssetsImages('xianjin.png'),
            name: '奖金<br>28,888元'
        },
        {
            pic: getAssetsImages('jiangbei.png'),
            name: '冠军专属<br>定制动态勋章'
        },
        {
          pic: getAssetsImages('zxsxing.png'),
          name: '专享上线提醒<br>*30天'
        },

        {
            pic: getAssetsImages('guanjun.png'),
            name: '联赛冠军<br>角标'
        },
        {
          pic: getAssetsImages('diantang.png'),
          name: '荣耀殿堂<br>展示'
        }
    ],
    [
      {
        pic: getAssetsImages('xianjin.png'),
        name: '奖金<br>8,888元'
      },

      {
        pic: getAssetsImages(''),
        name: '2024联赛<br>亚军动态勋章'
      },
      {
        pic: getAssetsImages('yajun.png'),
        name: '联赛亚军<br>角标'
      },
      {
        pic: getAssetsImages('diantang.png'),
        name: '荣耀殿堂<br>展示'
      }
    ],
    [
      {
        pic: getAssetsImages('xianjin.png'),
        name: '奖金<br>5,000元'
      },
      {
        pic: getAssetsImages(''),
        name: '2024联赛<br>季军动态勋章'
      },

      {
        pic: getAssetsImages('jijun.png'),
        name: '联赛季军<br>角标'
      },
      {
        pic: getAssetsImages('diantang.png'),
        name: '荣耀殿堂<br>展示'
      }
    ],
];
let aaatxtl=['2,000','1,000',800,600,600,500,500];
for(let i=0;i<7;i++){
  awardListTop.push([
    {
      pic: getAssetsImages('xianjin.png'),
      name: '奖金<br>'+aaatxtl[i]+'元'
    },
    {
      pic: getAssetsImages(''),
      name: '2024联赛<br>TOP10勋章'
    },
    {
      pic: getAssetsImages('10jun.png'),
      name: '联赛TOP10<br>角标'
    },
    {
      pic: getAssetsImages('diantang.png'),
      name: '荣耀殿堂<br>展示'
    }
  ]);
}
</script>

<template>
    <div class="userList anchorList">
        <div class="userTop" :class="'userTop' + index" v-for="(item, index) in 10" :key="index">
            <div class="rankN" v-if="index>2" :style="{'background-image': 'url('+getAssetsImages('pn'+(index+1)+'.png')+')'}"></div>
            <div class="awardBox">
                <div class="award" :class="'award' + index1" v-for="(item1, index1) in awardListTop[index]" :key="index1">
                    <div class="imgcls"><img :src="item1.pic" alt=""></div>
                    <div class="txt" v-html="item1.name"></div>
                </div>
            </div>
        </div>

    </div>
</template>

<style lang='scss' scoped></style>
